@charset "utf-8";
/* CSS Document */

a{color:#666;}
a:hover{ text-decoration:none; color:#666;}
*{ margin:0; padding:0;}
li{ list-style:none;}
/***
整体框架结构  页面宽度1200像素   左导航200像素   内容显示区1000像素
***/
.xxh_layout_head{
width:100%; height:50px; background:#fff; border-bottom:1px solid #ccc;}
.xxh_layout_head .logo{
text-align:left;}
.xxh_layout_head .logo img{
height:30px; float:left; margin-top:10px; margin-right:10px;}
.xxh_layout_head .logo h3{
line-height:50px; font-size:20px; color:#666; font-weight:700; float:left;  margin:0;}
.xxh_layout_head ul{
float:right; padding-top:10px;}
.xxh_layout_head ul li{
float:left; margin:0 5px;}
.xxh_layout_head ul li a{
color:#666; line-height:20px;}

.xxh_layout_left{
 height:100%; border-right:1px solid #ccc; background:#336666; width:200px; position:fixed; top:50px; left:0; z-index:1000;}
.xxh_layout_left ul{
width:200px; min-height:200px; overflow:hidden;}
.xxh_layout_left ul li{
width:200px; height:40px; overflow:hidden; text-align:center;}
.xxh_layout_left ul li a{
width:100%; line-height:40px; color:#fff; border-bottom:1px solid #ccc; display:block; height:40px;}
.xxh_layout_left ul li a:hover{
background:#09F;}

.xxh_layout_work{
min-height:900px; width:100%; overflow:hidden; background:#eee;  margin:50px 0;}
.xxh_layout_work_main{
float:left;width:100%; min-height:500px; overflow:hidden; margin-left:-200px;}
.xxh_layout_work_main .content{
margin-left:200px;min-height:500px; overflow:hidden; padding:10px;}

.xxh_layout_foot{
width:100%; height:50px; border-top:1px solid #ccc; }


/*两列布局，左边固定，右边自适应的三种方法


使用负margin，浏览器会认为这个元素的大小变小了，所以会改变布局，布局会按照元素的大小减去负margin的大小进行布局；然而实际上却没有变小，所以布局变化后显示的大小还是原大小。

    <div>
        <div style="float:left;width:200px;height:500px;background-color:blue;">
            
        </div>
        <div style="float:left;width:100%;height:500px;-background-color:red;margin-left:-200px;">
            <div style="margin-left:200px;background:yellow;height:500px;">
                
            </div>
        </div>
    </div>

    <div style="clear:both;">
        <br>
    </div>
    
    <!-- 方法二：使用position，右边容器必须设置right -->
    <div style="position:relative;">
        <div style="position:absolute;left:0;width:200px;height:500px;background-color:blue;">
            
        </div>
        <div style="position:absolute;left:200px;right:0px;height:500px;background-color:red;">
            
        </div>
    </div>*/
	
	
/*首页导航模块*/	
.xxh_module_indexNav{}
.xxh_module_indexNav .single{
height:200px;   margin:20px 0;}
.xxh_module_indexNav .single a{
width:100%; height:100%; display:block; text-align:center;}
.xxh_module_indexNav .single a img{
width:60%;}
.xxh_module_indexNav .single a span{
width:100%; display:block; margin-top:10px; font-size:1.5em; font-weight:700;}


/*路径导航模块*/
.xxh_module_routeNav{
background:#fff; text-align:left;}

/*筛选模块*/
.xxh_module_screen{}
.xxh_module_screen .panel-body .container-fluid .row .col-md-4{}
.xxh_module_screen .xxh_message{}
.xxh_module_screen .panel-heading{
background:#fff; margin-bottom:0;}
.xxh_module_screen .xxh_message .single{
margin:10px 0;}
.xxh_module_screen .xxh_message .single span{
display:block;}

/*表格模块*/

.xxh_module_table table th,.xxh_module_table table td{
text-align:center;}
.xxh_module_table .panel-heading{
background:#fff;}
.xxh_module_table table td a.btn-link{
margin:0 5px; cursor: pointer; }
.xxh_module_table .message{
text-align:left; float:left; margin:10px;}
.xxh_module_table .message a{
font-weight:700;}
.xxh_module_table .do{
float:right; margin:10px;}



/*************************
查看详情页面
**************************/

.xxh_module_screenDetailsMessage{}
/*列表数据 加表格*/
.xxh_module_screenDetailsMessage .xxh_list .xxh_list_message{
min-height:10px; overflow:hidden;}
.xxh_module_screenDetailsMessage .xxh_list .xxh_list_message .single{
margin:10px 0;}
/*基本数据信息罗列*/
.xxh_module_screenDetailsMessage .xxh_basic .panel-heading{background:#fff;}
.xxh_module_screenDetailsMessage .xxh_basic .panel-heading span{margin-right:15px;}
.xxh_module_screenDetailsMessage .xxh_basic .label_single{ margin-bottom:15px;}



/*按钮组
占据通列*/
.xxh_module_btnGroup{
width:100%; height:50px; text-align:right; padding-right:10px;}

/*高级查询弹出框*/
.xxh_module_highQuery{}
.xxh_module_highQuery h4{
text-align:left; font-size:15px; font-weight:700;}
.xxh_module_highQuery ul{
width:100%; margin:0; padding:0; display:block; min-height:30px; overflow:hidden;}
.xxh_module_highQuery ul li{
float:left; margin:0 5px;}




/*提交表单按钮组 xxh_submitGroup*/
.xxh_submitGroup{
width:100%; height:50px; text-align:center;}



/******
分类页面模块 .xxh_module_category
******/
.xxh_module_category{}
.xxh_module_category .xxh_title{
width:100%; height:40px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.xxh_module_category .xxh_title abbr{
line-height:40px; margin-right:15px;}
.xxh_module_category .xxh_title .xxh_do{
float:right;}
.xxh_module_category .xxh_message{
min-height:50px; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.xxh_module_category .xxh_message dl dt{
width:50px; text-align:left;}
.xxh_module_category .xxh_message dl dd{
margin-left:50px; line-height:1.5em;}



/*************************
基于面板的模块
**************************/
.panel .panel-heading{
background:#fff; height:50px;}
.panel .panel-heading span.xxh_t{
margin-right:15px; line-height:30px;}
.panel .panel-heading .xxh_do{
float:right;}
.panel .panel-heading .xxh_do button{
margin-left:10px;}

.panel .panel-body .xxh_module_panelDefault span{
margin-right:20px;}



/******
添加数据模块 .xxh_module_addMessage
******/

/*基本信息 基础数据项包括：普通文本输入框 单选框 多选框 下拉列表 备注文本域 富文本编辑器*/

/*普通文本输入框*/
.panel .panel-body .xxh_module_addMessage .xxh_textInput{
margin:10px 0; height:60px;} 
.panel .panel-body .xxh_module_addMessage .xxh_textInput lable{
text-align:left; width:100%;}
/*多级联动下拉列表包括INPUT*/
.panel .panel-body .xxh_module_addMessage .xxh_linkage{
margin:10px 0; text-align:left;} 
.panel .panel-body .xxh_module_addMessage .xxh_linkage lable{
text-align:left; width:100%;} 
.panel .panel-body .xxh_module_addMessage .xxh_linkage select{
width:200px; float:left;} 
.panel .panel-body .xxh_module_addMessage .xxh_linkage span{
float:left; line-height:30px; margin:0 10px; font-weight:700;} 
.panel .panel-body .xxh_module_addMessage .xxh_linkage input{
width:550px;} 
/*多选框*/
.panel .panel-body .xxh_module_addMessage .xxh_textCheckbox{
margin:10px 0; height:60px;}
.panel .panel-body .xxh_module_addMessage .xxh_textCheckbox label.xxh_label_t{
text-align:left; width:100%;} 
/*单选框*/
.panel .panel-body .xxh_module_addMessage .xxh_textRadio{
margin:10px 0; height:60px;}
.panel .panel-body .xxh_module_addMessage .xxh_textRadio label.xxh_label_t{
text-align:left; width:100%;} 
/*备注文本域*/
.panel .panel-body .xxh_module_addMessage .xxh_textArea{
 margin:10px 0;}
.panel .panel-body .xxh_module_addMessage .xxh_textArea lable{
text-align:left; width:100%;}


